<!doctype html>
<html>
	<head>
 <meta charset="utf-8" />
  <title>Haris MarKopoulos Camps</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/ico">



<style>
body {
background: #d9d9d9; 
font-family: Helvetica,Arial,Sans-serif;
}

h2 {
font-size: 30px;
text-transform: uppercase;
font-family: Impact,sans-serif;
}

h3 {
font-size: 24px;
text-transform: uppercase;
font-family: Impact,sans-serif;
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 48px 0 0 0;
}

header, #main-header {
width: 960px;
height: 640px;
background: url('https://lh4.googleusercontent.com/-_kFUsDbRSD0/Uag74TOiimI/AAAAAAAA0ho/vnuXuknprqU/s960/hm55tr.png');
margin: 0 0 10px 0;
display: block;
}

.tag-bar {
width: 960px;
background: #0092bf;
clear: both;
}

.tag-bar h2 {
font-size: 50px;
line-height: 110px;
font-weight: normal;
text-transform: uppercase;
margin: 0 30px;
color: #fff;
}

section {
margin: 10px 0 0 0;
display: block;
}

#the-logo-display {
width: 470px;
height: 470px;
margin: 0 10px 10px 0;
float: left;
background-color: #fff;
background-image: url('https://lh3.googleusercontent.com/-iWwgMxvf5hk/Uam1VJAJiCI/AAAAAAAA0l4/iJUvJtb3vsw/s470/HarisMarkopoulosCampLogo600.png');
background-repeat:no-repeat;
background-position:50% 395%;;

}

#the-logo-description {
width: 414px;
height: 382px;
background: #fff;
margin: 0 0 10px 0;
padding: 44px 33px;
float: left;
}

#the-logo-description h2 {
color: #f14a29;
font-size: 48px;
margin: 66px 0 26px 0;
}

#the-logo-description p {
font-size: 19px;
line-height: 26px;
margin: 0 0 26px 0;
}

#u-logo {
margin-right: 10px;
}

#w-logo {
background-image: url('https://lh6.googleusercontent.com/-o1FXOz9DGIA/UanAg1391TI/AAAAAAAA0mI/Kj7Zq0DhrpQ/s800/logo-back-orange.png');
margin-right: 10px;
}

.the-logo-aside {
width: 263px;
background: #fff url('http://www.w3.org/html/logo/img/logo-aside-orange.png') no-repeat 0 bottom;
position: relative;
float: left;
height: 200px;
margin: 0 0 10px 0;
padding: 21px 25px;
_margin: 0 5px 5px 0;
}

.the-logo-aside h3 {
color: #0092bf;
font-size: 18px;
margin-bottom: 10px;
}

.the-logo-aside p {
font-size: 12px;
line-height: 14px;
font-style: italic;
}

#f-logo h4{
margin-top: -10px;
}

#the-logo-display h1{
  font-size: 63px;
  margin: 110px 0 0 25px;
  text-shadow: gray 3px 3px 10px;
  padding-left: 10px;
}
#the-logo-display h2{
  font-size: 140px;
  margin: -30px 0 0 25px;
  color : white;
  text-shadow:  -3px 0 gray, 0 3px gray, 3px 0 gray, 0 -3px gray, gray 3px 3px 20px;;
  padding-left: 10px;
}


#the-logo-display h3{
  font-size: 40px;
  margin: 40px 0 0 185px;
  color: #f14a29;
  text-shadow: gray 3px 3px 20px;
  padding-left: 10px;
}

</style>

 <script type="text/javascript">
      google.load('visualization', '1.1', {packages: ['timeline']});
</script>

    <script type="text/javascript">
     
  </script>



  </head>
<body>
 
<div id="wrapper">
 <div id="content">
  <header id="main-header">
    <!-- h1>Haris Markopoulos Camp</h1  -->
    <img src="https://lh4.googleusercontent.com/-SW1jR0ca0M8/UaXzcEJOrWI/AAAAAAAA0Xo/E3p03AdyQ4U/s800/HarisMarkopoulosCamp.png" />
    <h2 style="margin-top:-20px; margin-left:50px;">Basketballers, Ready For The Future </h2>
  </header>
      
  <div class="tag-bar">
      <h2>Take Control — Your Work, Your Future</h2>
  </div>
  <section id="the-logo">
      <div id="the-logo-display"><h1>After Season</h1><h2>Period</h2><h3>Jun & Jul 2013</h3></div>
      <div id="the-logo-description">
        <h2>Only with the best</h2>
        <p>By the time the championships are reaching to en end, begins a new period very important for a basketball player. We refer to the transitional period, the period that gives the opportunity to a player to improve his weaknesses and be better prepared for the next season.</p>
        <p>Haris Markopoulos After Season Period 2013.</p>
      </div>

      <aside id="u-logo" class="the-logo-aside">
        <h3>With great love </h3>
        <p> and respect for the game we decided to conduct workouts at the sports center of FINIKA from early June until the end of July. Closed group will operate according to the specifics of each athlete.</p>
        <!-- img width="252" height="38" src="img/badge-samples.png" alt="HTML5 Badge Samples" -->
        <h2>For more information </h2>
      </aside>

      <aside id="w-logo" class="the-logo-aside">
        <h3>Purpose is to provide</h3>
        <p>integrative program in basketball during the transitional period to adapt to the needs of the new season, as well as the effort to improve the potential weaknesses.</br>&nbsp;</p>
        <h2>Tel: 0030 6974933944</h2>
      </aside>

      <aside id="f-logo" class="the-logo-aside">
        <h3>Also the youngest athletes</h3>
        <p> aim is to help them to get developed, to help them to improve to basketball fundamentals  and to prepare them  for entry into professional basketball</br>&nbsp;</p>
        <h2>e-mail: </h2><h4>harismarkopoulos@yahoo.gr</h4>
        <!-- img width="252" height="38" src="img/badge-samples.png" alt="HTML5 Badge Samples">
        <ul class="orange-links">
          <li><a href="#badge-builder" id="bb-icon">Badge<br>Builder</a></li>
          <li><a href="#downloads" id="dl-icon">HTML5 Logo<br>Downloads</a></li>
        </ul -->
      </aside>
  </section>
  <div class="tag-bar">
      <h2>WORK HARD AND THEY WILL COME</h2>
  </div>

  </div>  

 <div>
<div>
	</body>
</html>